<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <header id="home">

        <nav>
            <ul>
                <li> <a href="#home">首页</a> </li>
                <li><a href="#about">关于</a></li>
                <li><a href="#album">专辑</a></li>
                <li><a href="#">联系</a></li>
            </ul>
        </nav>

        <h1>Jay Chou</h1>
        <!-- <div class="mask"></div> -->
    </header>

    <section id="about" class="w">
        <h2>About</h2>

        <div class="info">
            <p>周杰伦（Jay Chou），1979年1月18日出生于台湾省新北市，祖籍福建省泉州市永春县，中国台湾流行乐男歌手、原创音乐人、演员、导演、编剧，毕业于淡江中学。</p>
            <p>2000年发行首张个人专辑《Jay》。2001年发行的专辑《范特西》奠定其融合中西方音乐的风格。2002年举行“The One”世界巡回演唱会。2003年成为美国《时代周刊》封面人物。2004年获得世界音乐大奖中国区最畅销艺人奖。2005年凭借动作片《头文字D》获得台湾电影金马奖、香港电影金像奖最佳新人奖。2006年起连续三年获得世界音乐大奖中国区最畅销艺人奖。2007年自编自导的文艺片《不能说的秘密》获得台湾电影金马奖年度台湾杰出电影奖。</p>
        </div>

        <div class="info">
            <p>2008年凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖。2009年入选美国CNN评出的“25位亚洲最具影响力的人物” ，同年获得第20届金曲奖最佳国语男歌手奖 。2010年入选美国《Fast Company》评出的“全球百大创意人物” 。2011年再度获得金曲奖最佳国语男歌手奖，并且第4次获得金曲奖最佳国语专辑奖；同年主演好莱坞电影《青蜂侠》。2012年登福布斯中国名人榜榜首。2014年发行华语乐坛首张数字音乐专辑《哎呦，不错哦》 。2019年起举行“嘉年华”世界巡回演唱会。
            </p>
            <p>演艺事业外，他还涉足商业、设计等领域。2007年成立杰威尔有限公司。2011年担任华硕笔电设计师并入股香港文化传信集团 。 周杰伦热心公益慈善，多次向中国内地灾区捐款捐物。2008年捐款援建希望小学。2014年担任中国禁毒宣传形象大使</p>
        </div>
    </section>

    <section id="album" class="w">
        <h2>Album</h2>
        <div class="intro info">
            <img src="fantexi.jpg" alt="" width="400px">
            <p>《范特西》的专辑名称来源是英文“Fantasy”的发音，意为“幻想”。之所以使用《范特西》这个专辑名，是因为周杰伦要用音乐给人带来异想天开的想象空间，并且《范特西》这个名字也反映了周杰伦一贯的音乐理念——音乐是幻想的，幻想是快乐的</p>
        </div>

        <div class="songs info">
            <h3>《范特西》</h3>
            <h4>发行时间： 2001年9月20日</h4>
            <h4>曲目数量： 10首</h4>
            <h4>音乐风格： Pop</h4>
            <ol>
                <li><a href="">爱在西元前</a></li>
                <li> <a href="">爸我回来了</a></li>
                <li> <a href="">简单爱</a></li>
                <li><a href="">忍者</a></li>
                <li> <a href="">开不了口</a></li>
                <li> <a href="">上海一九四三</a></li>
                <li><a href="">对不起</a></li>
                <li> <a href="">威廉古堡</a></li>
                <li> <a href="">双节棍</a></li>
                <li><a href="">安静</a></li>
            </ol>
        </div>
    </section>
    <!-- <audio src="https://wsaudiobssdlbig.kugou.com/2010241102/gsvZw0LiGVYS_fyisS8Kqg/1603594924/bss/extname/wsaudio/329b28b3cdb9b3362794333ae7d862ee.mp3" autoplay></audio> -->
    <audio src="周杰伦-Mojito.mp3" autoplay></audio>

    <video class=".w" src="选课中心.MP4" controls></video>


</body>

</html>